{extend name="default/template/base_index" /}

{block name="area_header"}
	<link rel="stylesheet" type="text/css" media="all" href="__CDN__/jquery-datetimepicker/jquery.datetimepicker.css">
	<script type="text/javascript" src="__CDN__/jquery-datetimepicker/jquery.datetimepicker.js"></script>
	<link type="text/css" rel="stylesheet" href="__CDN__/select2/4.0.0/css/select2.min.css" />
	<link type="text/css" rel="stylesheet" href="__CDN__/select2/4.0.0/css/cosmo-skin.css" />
{/block}

{block name="area_body"}
	{include file="default/Widget/topbar" /}
	<div class="admin-main container-fluid">
		{include file="default/Widget/left" /}
		<div class="admin-main-content">
			{include file="default/Widget/breadcrumb" /}
			<!-- 过滤\查询按钮 -->
			<div class="filter-controls">
				<!-- 日期查询 -->
				<form action="{:url('CustomerInfo/orders',array('id'=>I('get.id')))}" method="post" class="searchForm form-inline">
					<div class="form-group row   col-lg-12 col-md-12">

					</div>
					<div class="form-group row   col-lg-12 col-md-12">
						<div class="input-group" >
							<div class="input-group-addon">订单编号</div>
							<input type="text" name="order_code" placeholder="输入2015，可查询前缀为2015的订单" class="form-control" value="{$order_code}" />
							
						</div>
					</div>
					<div class="form-group row  col-lg-12 col-md-12">

						<div class="input-group " style="  width: 780px;">
							<div class="input-group-addon">支付状态</div>
							<div class="form-control">
								<label class="radio-inline">
									<input type="radio" name="paystatus" class="paystatus" <eq name="payStatus" value="">checked="checked"{/eq} value="">不限
								</label>
								<label class="radio-inline">
									<input type="radio" name="paystatus" class="paystatus" <eq name="payStatus" value="0">checked="checked"{/eq} value="0">待支付
								</label>
								<label class="radio-inline">
									<input type="radio" name="paystatus" class="paystatus" <eq name="payStatus" value="1">checked="checked"{/eq} value="1">已支付
								</label>
								<label class="radio-inline">
									<input type="radio" name="paystatus" class="paystatus" <eq name="payStatus" value="2">checked="checked"{/eq} value="2">已退款
								</label>
							</div>
						</div>
					</div>
					<div class="form-group row col-lg-12 col-md-12">
						<div class="input-group " style="  width: 860px;">

							<div class="input-group-addon">订单状态</div>
							<div class="form-control ">
								<label class="radio-inline">
									<input type="radio" name="orderstatus" class="orderstatus" <eq name="orderStatus" value="">checked="checked"{/eq} value="">不限
								</label>
								<label class="radio-inline">
									<input type="radio" name="orderstatus" class="orderstatus" <eq name="orderStatus" value="2">checked="checked"{/eq} value="2">待确认
								</label>
								<label class="radio-inline">
									<input type="radio" name="orderstatus" class="orderstatus" <eq name="orderStatus" value="3">checked="checked"{/eq} value="3">待发货
								</label>
								<label class="radio-inline">
									<input type="radio" name="orderstatus" class="orderstatus" <eq name="orderStatus" value="4">checked="checked"{/eq} value="4">已发货
								</label>
								<label class="radio-inline">
									<input type="radio" name="orderstatus" class="orderstatus" <eq name="orderStatus" value="5">checked="checked"{/eq} value="5">已收货
								</label>
								<label class="radio-inline">
									<input type="radio" name="orderstatus" class="orderstatus" <eq name="orderStatus" value="6">checked="checked"{/eq} value="6">已退货
								</label>
								<label class="radio-inline">
									<input type="radio" name="orderstatus" class="orderstatus" <eq name="orderStatus" value="7">checked="checked"{/eq} value="7">已完成
								</label>
								<label class="radio-inline">
									<input type="radio" name="orderstatus" class="orderstatus" <eq name="orderStatus" value="8">checked="checked"{/eq} value="8">已取消
								</label>
								<label class="radio-inline">
									<input type="radio" name="orderstatus" class="orderstatus" <eq name="orderStatus" value="12">checked="checked"{/eq} value="12">被退回
								</label>
							</div>
						</div>
					</div>
					<div class="form-group  col-lg-12 col-md-12">
						<div class="input-group">
							<div class="input-group-addon">
								时间
								<i class="fa fa-calendar"></i>
							</div>
							<input type="text" name="startdatetime" id="startdatetime" class="form-control input-short" value="{:date('Y-m-d H:i:s',$startdatetime)}" />
							<div class="input-group-addon">
								<i class="fa fa-long-arrow-right"></i>
							</div>
							<input type="text" name="enddatetime" id="enddatetime" class="form-control input-short" value="{:date('Y-m-d H:i:s',$enddatetime)}" />
						</div>
					<button type="submit" class="btn btn-default"><i class="fa fa-search"></i>{:L('BTN_SEARCH')}</button>
					</div>
				</form>
			</div>
			<!-- 操作按钮 -->
			<div class="btn-controls">
				<!--<a class="btn btn-primary btn-sm" href="{:url('Orders/print')}"><i class="fa fa-plus"></i>打印</a>-->
				<!--<a target-form="selectitem" class="btn btn-danger btn-sm ajax-post confirm" href="{:url('Product/bulkDelete')}"><i class="fa fa-trash"></i>{:L('BTN_DELETE')}</a>-->

			</div>

			<table class="table table-striped table table-hover  table-condensed">
				<thead>
					<tr>
						<th>
							<input type="checkbox" class="selectall" onclick="myUtils.selectall(this,'.selectitem');" />
						</th>
						<th>
							订单编号
						</th>
						<th>
							下单用户
						</th>
						<th>
							收货人
						</th>
						<th>
							联系号码
						</th>
						<th>
							总价格(元)
						</th>
						<th>
							邮寄地址
						</th>
						<th>
							订单状态
						</th>
						<th>
							下单时间
						</th>
						<!--<th>-->
							<!--操作-->
						<!--</th>-->
					</tr>
				</thead>
				<tbody>
					{empty name="list"}
						<tr>
							<td colspan="10" class="text-center">{:L('NO_DATA')}</td>
						</tr>
						{else/}
						{volist name="list" id="vo"}
							<tr>
								<td>
									<input type="checkbox" value="{$vo.id}" name="ids[]" class="selectitem" />
								</td>
								<td>
									<a href="{:url('Orders/view',array('id'=>$vo['id']))}">{$vo.order_code}</a>
								</td>
								<td>
									{$vo.username}
								</td>
								<td>
									{$vo.contactname}
								</td>
								<td>
									{$vo.mobile}
								</td>
								<td>
									{$vo['price']+$vo['post_price']}
								</td>
								<td>
									{$vo.country},{$vo.province},{$vo.city},{$vo.area},{$vo.detailinfo}
								</td>
								<td>
									[{$vo.pay_status|getPayStatus}]|[{$vo.order_status|getOrderStatus}]
								</td>
								<td>
									{$vo.createtime|date='Y-m-d H:i:s',###}
								</td>
								<td>
									<!--<a href="{:url('Wxpay/orderQuery',array('orderid'=>$vo['orderid']))}" class="btn btn-default btn-sm "><i class="fa fa-credit-card"></i>查询订单支付记录</a>-->

                                    <!--<a href="{:url('Orders/uploadZjport',array('order_code'=>$vo['order_code']))}" class="btn btn-default btn-sm ">订单上报</a>-->

                                </td>
							</tr>

						{/volist}
					{/empty}
				</tbody>
			</table>
			<div>{$show}</div>
		

		<script type="text/javascript">
			$(function() {
						$(".orderstatus").click(function(){
							$(".searchForm").submit();
						});
						$(".paystatus").click(function(){
							$(".searchForm").submit();
						})
						
						$('#startdatetime').datetimepicker({
							lang: 'ch',
							format:'Y-m-d',
							timepicker:false,
						});
						$('#enddatetime').datetimepicker({
							lang: 'ch',
							format:'Y-m-d',
							timepicker:false,
						});
				});
		</script>
	</div>
	<!-- END admin-main-content -->
	</div>
	<!-- END admin-main-->
{/block}

{block name="area_footer"}

	
{/block}